<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>在ie下，如果存在有button标签，如果在textbox里面输入内容，按下enter键，则会触发第一个按钮的click事件，经过测试，在IE10以及以下的都存在这个问题</h1>
		<p> IE浏览器IE8及以后的版本，会根据页面使用的文档模式（Defining document compatibility）来定义按钮的兼容性问题。IE8标准模式的默认行为是submit，其他模式的默认行为是button。</p>
		<p> submit	该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）。</p>
		<p>	button	该按钮是可点击的按钮（Internet Explorer 的默认值）。</p>
		<p>	reset	该按钮是重置按钮（清除表单数据）。</p>
		<p>解决办法：给button标签添加上属性type="button"，来保证一定是button，而不会是submit</p>
		<p>解决链接：<a href="https://www.cnblogs.com/wisdomoon/p/3330856.html">https://www.cnblogs.com/wisdomoon/p/3330856.html</a></p>
		textbox:<input type="text" name="" id="text" value="" />
		<br />
		<button type="button"  id="btn">click by button</button>
		<button id="btn2">click2 by button</button>
		<!--<input type="button" onclick="addLog()" id="btn" value="click by input"/>
		<input type="button" onclick="addLog2()" id="btn2" value="click2 by input"/>-->
		<div>
			<p>log:</p>
			<div id="list">
			</div>
		</div>
		<div>
			<p>log2:</p>
			<div id="list2">
			</div>
		</div>
		<script type="text/javascript">
			var btn=document.getElementById('btn');
			btn.onclick=addLog;
			var list = document.getElementById('list');
			
			function addLog (event) {
				debugger;
				var p = document.createElement('p');
				p.innerText='click button';
				list.appendChild(p);
			}
			
			var btn2=document.getElementById('btn2');
			btn2.onclick=addLog2;
			var list2 = document.getElementById('list2');
			
			function addLog2 (event) {
				var p = document.createElement('p');
				p.innerText='click button2';
				list2.appendChild(p);
			}
			
			var text = document.getElementById('text');
//			text.onkeydown=function (e) {
//				var keyEnter=13;
//				if(e.keyCode===keyEnter){
//					return false;
//				}
//			}
		</script>
	</body>
</html>
